/* 导航栏 */

.liao {
    height: 60px;
    width: 1200px;
    margin: 0 auto;
    /* background: red; */
}

.cheng {
    float: left;
    font-size: 10px;
    color: #9e8b87;
    line-height: 60px;
}

.time {
    font-size: 10px;
    float: right;
    color: #9e8b87;
    line-height: 60px;
}


/* 碧桂园凤凰湾 */

.phoenix {
    margin: 0 auto;
    width: 1200px;
    font-size: 35px;
    color: black;
    font-weight: bold;
}


/* 在售 */

.onbuy {
    height: 50px;
    width: 1200px;
    margin: 0 auto;
    /* background: #9e8b87; */
}

.buy-left {
    display: flex;
    line-height: 50px;
    float: left;
}

.buyone {
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #4ba237;
    margin-right: 5px;
}

.buyone a {
    background: #54a330;
    height: 20px;
    margin-right: 5px;
    font-size: 10px;
    color: #effeff;
    border: 1px solid #9e8b87;
    width: 40px;
    line-height: 20px;
    text-align: center;
    display: block;
}

.buytwo {
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #9e8b87;
    margin-right: 5px;
}

.buytwo a {
    height: 20px;
    margin-right: 5px;
    font-size: 10px;
    color: #9e8b87;
    border: 1px solid #9e8b87;
    width: 70px;
    line-height: 20px;
    text-align: center;
    display: block;
}

.buythree {
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #9e8b87;
    margin-right: 5px;
}

.buythree a {
    height: 20px;
    margin-right: 5px;
    font-size: 10px;
    color: #9e8b87;
    border: 1px solid #9e8b87;
    width: 40px;
    line-height: 20px;
    text-align: center;
    display: block;
}

.buy-left span {
    font-size: 8px;
    color: #9e8b87;
}

.buy-right {
    float: right;
}

.phone-left {
    float: left;
}

.phone-left img {
    height: 45px;
    width: 45px;
}

.phone-right {
    float: right;
}

.phonelou {
    color: #4a3345;
}

.phonethree {
    color: red;
}

.null {
    height: 15px;
}


/* 选项卡 */

.answer {
    height: 50px;
    width: 1200px;
    margin: 0 auto;
    line-height: 50px;
    background: #4ea636;
}

.hu {
    display: flex;
}

.hu a {
    font-size: 10px;
    color: #f4f8ea;
    /* margin-left: 15px;
    margin-right: 15px; */
    padding: 0 15px;
}

.action {
    display: block;
    height: 50px;
    background: #3e842b;
}


/* 选项卡结束 */

.sandtable {
    height: 50px;
    width: 1200px;
    margin: 0 auto;
    line-height: 50px;
}

.sandtable a {
    padding: 0 8px;
    font-size: 20px;
}

.sandtable span {
    padding: 0 7px;
    color: #e5e5e5;
}

.actionone {
    color: #5baa00;
}


/* 视频 */

.video {
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #aca4a2;
}

.v-middle {
    margin: 20px 0 20px 30px;
    width: 200px;
    height: 150px;
}

.v-middle img {
    width: 200px;
    height: 150px;
}

.v-top p:nth-child(1) {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 20px;
}

.brackets {
    font-size: 15px;
    margin-left: 5px;
}

.v-top p:nth-last-child(2) {
    margin: 20px 0 20px 30px;
    font-size: 15px;
    color: #59686b;
}

.v-top p:last-child {
    margin-left: 30px;
    font-size: 10px;
    color: #aca4a2;
}


/* 沙盘图 */

.sha {
    display: flex;
}

.vi-top {
    margin-top: 56px;
}

.vi-top p:nth-child(1) {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 20px;
}

.vi-top p:nth-last-child(2) {
    margin: 20px 0 20px 30px;
    font-size: 15px;
    color: #59686b;
}

.vi-top p:last-child {
    margin-left: 30px;
    font-size: 10px;
    color: #aca4a2;
}


/* 配套图 */

.vis-top {
    margin-top: 30px;
}

.vis-top a {
    margin-top: 30px;
    margin-left: 130px;
    font-size: 15px;
    color: #aca4a2;
}

.gui {
    margin: 20px 0 20px 30px;
    font-size: 15px;
    color: #59686b;
}

.vis-top p:last-child {
    margin-left: 30px;
    font-size: 10px;
    color: #aca4a2;
}


/* 画报开始 */

.pictorial {
    width: 1200px;
    margin: 0 auto;
}

.pi-top {
    margin: 20px 0;
    font-size: 20px;
}

.pi-top span {
    font-size: 15px;
    margin-left: 5px;
}

.pi-middle {
    display: flex;
}

.pi-bottom img {
    width: 400px;
    height: 230px;
}

.other {
    margin: 20px 0;
    color: #59686b;
}

.pi-bottom p:last-child {
    font-size: 10px;
    color: #aca4a2;
}

.pic-middle {
    margin-left: 10px;
    height: 230px;
}

.pic-right {
    margin-left: 10px;
    height: 230px;
}

.pic-two {
    height: 70px;
    width: 100px;
}

.pic-two img {
    height: 70px;
    width: 100px;
}

.pic-one {
    height: 70px;
    width: 100px;
}

.pic-one img {
    height: 70px;
    width: 100px;
}

.pic-three {
    float: left;
    margin-right: 3px;
}

.pic-three img {
    height: 30px;
    width: 48px;
    display: block;
    margin: 3px 0;
}

.pic-four {
    float: right;
}

.pic-four img {
    height: 65px;
    width: 47px;
}

.pic-five {
    height: 90px;
    display: flex;
    margin-top: 20px;
}


/* 立即订阅 */

.subscribes {
    width: 1200px;
    margin: 0 auto;
    height: 80px;
    border: 2px solid #ececec;
    border-radius: 6px;
    margin-top: 20px;
    line-height: 80px;
}

.sub-top {
    float: left;
}

.sub-top span:nth-child(1) {
    font-size: 15px;
    margin-left: 30px;
}

.sub-top span:last-child {
    font-size: 15px;
    color: #aca4a2;
}

.sub-bottom {
    margin-top: 20px;
    line-height: 40px;
    height: 40px;
    width: 130px;
    background: #63ab01;
    float: right;
    text-align: center;
    margin-right: 30px;
    border-radius: 6px;
}

.sub-bottom span {
    color: #fff;
}


/* 新马金色森林弹窗 */


/* .popup {
    width: 1200px;
    display: block;
    margin-left: 200px;
    margin-top: 200px;
    background: #9e8b87;
} */

.popup-right {
    width: 300px;
    background: #e5e5e5;
    height: 494px;
}

.po-top {
    font-size: 20px;
    margin: 40px 0 20px 20px;
}

.po-middle {
    border-top: 1px dotted #9e8b87;
    border-bottom: 1px dotted #9e8b87;
    height: 80px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 260px;
}

.numbers {
    font-size: 20px;
    color: #66a500;
}

.word {
    font-size: 15px;
    color: #aca4a2;
    margin: 0 5px;
}

.po-middle img {
    margin-right: 5px;
}

.disc {
    width: 240px;
    height: 40px;
    border: 1px solid #9e8b87;
    margin-left: 20px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #aca4a2;
    padding-left: 20px;
    margin-bottom: 10px;
}

.zoompic img {
    margin-top: 20px;
    width: 644px;
    margin-left: 20px;
    height: 370px;
}


/* 只显示第一个，其他隐藏 */

.tanchuang .zoombox:not(:first-child) {
    display: none;
}


/* 弹窗左边样式开始 */

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a,
img {
    border: 0;
}

body {
    font: 12px/180% Arial, Helvetica, sans-serif, "宋体";
}


/* zoombox */

.zoombox {
    width: 686px;
    background: black;
    /* margin: 20px auto 0 auto; */
}

.zoompic {
    border: solid 1px #dfdfdf;
    width: 684px;
    height: 410px;
    background: url(http://www.jsdaima.com/Upload/1476063436/loading.gif) no-repeat 50% 50%;
}

.sliderbox {
    height: 76px;
    overflow: hidden;
    margin: 6px 0 0 0;
}

.sliderbox .arrow-btn {
    /* margin-top: 15px;
    margin-left: 20px;
    width: 20px;
    height: 45px; */
    width: 38px;
    height: 76px;
    /* background: url(../imgs/32.png) no-repeat; */
    background: url(http://www.jsdaima.com/Upload/1476063436/arrow-btn.png) no-repeat;
    cursor: pointer;
}

.sliderbox .btn-left {
    float: left;
    background-position: 0 0;
}

.sliderbox .dasabled {
    background-position: 0 -76px;
}

.sliderbox .btn-right {
    float: right;
    background-position: -38px 0;
}

.sliderbox .dasabled {
    background-position: -38px -76px;
}

.sliderbox .slider {
    float: left;
    height: 76px;
    width: 605px;
    position: relative;
    overflow: hidden;
    margin: 0 0 0 3px;
    display: inline;
}

.sliderbox .slider ul {
    position: absolute;
    left: 0;
    width: 999em;
}

.sliderbox .slider li {
    float: left;
    width: 121px;
    height: 76px;
    text-align: center;
}

.sliderbox .slider li img {
    border: solid 1px #dfdfdf;
}

.sliderbox .slider li.current img {
    border: solid 1px #3366cc;
}


/* 弹窗左边样式结束 */


/* 弹窗隐藏 */


/* 弹窗显示 */

.newpopup {
  display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.popup {
    display: flex;
    position: absolute;
    top: 50%;
    left: 25%;
    margin-left: -150px;
    margin-top: -200px;
}

.Close {
    float: right;
    height: 25px;
    width: 25px;
    border-radius: 50px;
    background: #606060;
    line-height: 25px;
    text-align: center;
    color: white;
    font-size: 20px;
}


/* 高亮颜色 */

.text-active {
    color: #6fa600;
    border: 1px solid #6fa600;
}